<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>教辅系统-课程目标</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
<!--    自己写的css-->
    <link rel="stylesheet" href="../css/lv_target.css">


    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="../bootstrap-4.6.1-dist/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" href="../css/fontastic.css">
    <!-- Google fonts - Poppins -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="../css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="../css/custom-pwl.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="../img/logo.ico">
    <!-- Tweaks for older IEs-->
    <!--[if lt IE 9]
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>[endif]-->
</head>
<body>
<div class="page">
    <!-- 顶部导航-->
    <header class="header">
        <nav class="navbar">
            <div class="container-fluid">
                <div class="navbar-holder d-flex align-items-center justify-content-between">

                    <div class="navbar-header">
                        <!-- 顶部左侧logo -->
                        <a href="../index.html" class="navbar-brand d-none d-sm-inline-block">
                        <div class="brand-text d-none d-lg-inline-block"><strong>辅助教学系统</strong></div>
                        <div class="brand-text d-none d-sm-inline-block d-lg-none"><strong>CATD</strong>
                        </div>
                        </a>
                        <!-- 顶部右侧下拉菜单图标-->
                        <a id="toggle-btn" href="#" class="menu-btn active"><span></span><span></span><span></span></a>
                    </div>
                    <!-- 下拉菜单 -->
                    <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                        <li class="nav-item dropdown">
                            <a href="#" class="dropdown-toggle dropdown-user-link" data-toggle="dropdown">
										<span class="dropdown-user-name">
											<i>你好，姓名</i>
										</span>
                            </a>
                            <div class="dropdown-menu pull-right dropdown-menu-bigbox">
                                <div class="dropdown-menu-bigbox-top">
                                    <div id="user_name" class="dropdown-menu-bigbox-top-user-name">
                                        <span>姓名</span>
                                    </div>
                                </div>
                                <div class="row dropdown-menu-bigbox-bottom">
                                    <div class="col-md-6 col-lg-6 col-xs-6 col-sm-6 text-center grid" style="cursor: pointer" onclick="window.location.href='../web/personal.html';return false";>
                                        <i class="fa fa-user dropdown-menu-bigbox-bottom-icon"></i>
                                        <p class="dropdown-menu-bigbox-bottom-font">
                                            <span>个人中心</span>
                                        </p>
                                    </div>
                                    <div class="col-md-6 col-lg-6 col-xs-6 col-sm-6 text-center grid" style="cursor: pointer" onclick="window.location.href='../web/changePwd.html';return false">
                                        <i class="fa fa-key dropdown-menu-bigbox-bottom-icon"
                                           style="font-size: 25px;line-height: 45px;color: #438eb9;"></i>
                                        <p class="dropdown-menu-bigbox-bottom-font">
                                            <span>密码修改</span>
                                        </p>
                                    </div>
                                </div>

<!--                                <div class="row dropdown-menu-bigbox-bottom">-->
<!--                                    <div class="col-md-6 col-lg-6 col-xs-6 col-sm-6 text-center grid">-->
<!--                                        <i class="fa fa-comments dropdown-menu-bigbox-bottom-icon"></i>-->
<!--                                        <p class="dropdown-menu-bigbox-bottom-font">-->
<!--                                            <span>消息</span>-->
<!--                                        </p>-->
<!--                                    </div>-->
<!--                                    <div class="col-md-6 col-lg-6 col-xs-6 col-sm-6 text-center grid">-->
<!--                                        <i class="fa fa-heart-o dropdown-menu-bigbox-bottom-icon"></i>-->
<!--                                        <p class="dropdown-menu-bigbox-bottom-font">-->
<!--                                            <span>帮助中心</span>-->
<!--                                        </p>-->
<!--                                    </div>-->
<!--                                </div>-->


                                <div class="row dropdown-menu-bigbox-exit">
                                    <div class="dropdown-menu-bigbox-exit-font">
                                        <a href="login.html" class="nav-link logout"><span>退出登录</span><i
                                                class="fa fa-sign-out"></i></a>
                                    </div>
                                </div>
                            </div>

                        </li>

                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class=" d-flex align-items-stretch padding-top">
        <!-- 侧边导航栏 -->
        <nav class="side-navbar" id="navbar">
            <ul class="list-unstyled">
                <li><a href="../index.html"> <i class="icon-home"></i>首页 </a></li>
                <li><a href="#courseManage" data-toggle="collapse" aria-expanded="true"
                       aria-controls="courseManage"> <i class="icon-grid"></i>课程管理 </a>
                    <ul id="courseManage" class="collapse list-unstyled show">
                        <li class="active"><a href="../web/lv_target.html">课程目标</a></li>
                        <li><a href="../web/lv_grad_point.html">毕业要求指标点</a></li>
                        <li><a href="../web/lv_course.html">课程管理</a></li>
                    </ul>
                </li>
                <li><a href="content-select.html"> <i class="icon-interface-windows"></i>教学内容 </a></li>
                <li><a href="#courseProcedure" data-toggle="collapse" aria-expanded="false"
                       aria-controls="courseProcedure"> <i class="icon-padnote"></i>教学环节 </a>
                    <ul id="courseProcedure" class="collapse list-unstyled">
                        <li ><a href="target.html">教学环节和评价方式</a></li>
                        <li><a href="exam-point.html">期末考试要点</a></li>
                    </ul>
                </li>
                <li><a href="#courseEvaluation" data-toggle="collapse" aria-expanded="false"
                       aria-controls="courseEvaluation"> <i class="fa fa-bar-chart"></i>学习评价 </a>
                    <ul id="courseEvaluation" class="collapse list-unstyled">
                        <li><a href="#">学习评价1</a></li>
                        <li><a href="#">学习评价2</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <!-- 网页主体 -->
        <div id="main-content" class="content-inner">
            <!-- 面包屑导航 -->
            <div class="breadcrumb-holder container-fluid">
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="../index.html">首页</a></li>
                    <li class="breadcrumb-item"><a href="./lv_target.html">课程目标</a></li>
					<!-- ？？？这里需要改吗 -->
                    <li class="breadcrumb-item active" id="courseName"></li>
                </ul>
            </div>
            
			
			<!-- 这里调用公共元素来使用 -->
			<section class="client">
                <div class="container-fluid">
                    <div class="row">
                       
						<!-- 课程目标的增加 -->
						<div class="col-lg-12">
                            <div class="card">
                                <div class="card-header d-flex align-items-center">
                                <h3 class="h4">添加课程目标</h3>
                              </div>
                              <div class="card-body">
                                <form class="form-horizontal"  method="get"  th:action="/target/AddTarget" >
                                  <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">课程目标ID</label>
                                    <div class="col-sm-9">
                                      <input type="number" class="form-control"  name="courseTargetId" id="courseTargetId">
                                    </div>
                                  </div>
                                  <div class="line"></div>
                                  <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">课程ID</label>
                                    <div class="col-sm-9">
                                      <input type="number" class="form-control" name="courseId" id="courseId"><small class="help-block-none">请选择您负责的课程ID</small>
                                    </div>
                                  </div>

                                  <div class="line"></div>
                                  <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">课程目标简称</label>
                                    <div class="col-sm-9">
                                      <input type="text" placeholder="例如：课程-课程目标1" class="form-control" name="courseTargetShortname"  id="courseTargetShortname">
                                    </div>
                                  </div>
                     
                                  <div class="line"></div>
<!--                                    怎么获得单个按钮的数据-->
                                  <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">布鲁姆目标选择 <br><small class="text-primary" >请选择该课程目标应该达到的层次</small></label>
                                    <div class="col-sm-9">
                                      
                                      <div>
                                        <input id="optionsRadios" type="radio" checked="" value="1" name="bulumuTarget"  >
                                        <label for="optionsRadios">Lv1.知识</label>
                                      </div>
									  <div>
									    <input id="optionsRadios" type="radio" checked="" value="2" name="bulumuTarget"  >
									    <label for="optionsRadios">Lv2.理解</label>
									  </div>
									  <div>
									    <input id="optionsRadios" type="radio" checked="" value="3" name="bulumuTarget">
									    <label for="optionsRadios">Lv3.领会</label>
									  </div>
									  <div>
									    <input id="optionsRadios" type="radio" checked="" value="4" name="bulumuTarget">
									    <label for="optionsRadios">Lv4.应用</label>
									  </div>
									  <div>
									    <input id="optionsRadios" type="radio" checked="" value="5" name="bulumuTarget">
									    <label for="optionsRadios">Lv5.分析</label>
									  </div>
									  <div>
									    <input id="optionsRadios" type="radio" checked="" value="6" name="bulumuTarget">
									    <label for="optionsRadios">Lv6.评价</label>
									  </div>
					
                                    </div>
                                  </div>

								  <div class="line"></div>
								  <div class="form-group row">
								    <label class="col-sm-3 form-control-label">由布鲁姆目标，适合的动词有：</label>
								    <div class="col-sm-9">
								      <input type="text" disabled="" placeholder="提示词" class="form-control"  id="bloom_tip">
								    </div>
								  </div>
								  
								  
								  <div class="line"></div>
								  <div class="form-group row">
								    <label class="col-sm-3 form-control-label">课程目标内容</label>
								    <div class="col-sm-9">
								       <textarea cols="40" rows="8"  name="courseTargetContent"  id="courseTargetContent">学生</textarea>
								    </div>
								  </div>
                                  <div class="line"></div>
                                  <div class="form-group row">
                                    <div class="col-sm-4 offset-sm-3">
                                      <button type="reset" class="btn btn-secondary">重置</button>
                                      <button type="button" class="btn btn-primary"  id="AddCourse">完成</button>
                                    </div>
                                  </div>
                                </form>
                              </div>
                            </div>
                        </div>


<!--搜索课程目标-->
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header d-flex align-items-center">
                                    <h3>课程目标查询</h3>
                                </div>
                                <div class="card-body">
                                    <!-- 搜索框 -->
                                    <div class="container-fluid">

                                        <div class="form-group">
                                            <label >按课程目标名称搜索</label>
                                            <input type="text" class="form-control " id="lv_search_target" placeholder="Search">
                                        </div>
                                        <button type="button" class="btn btn-primary" id="lv_btn_findtarget">搜索</button>

                                    </div>
                                </div>
                            </div>
                        </div>
						
						<div class="col-lg-12">
                            <div class="card">
                                <div class="card-header d-flex align-items-center">
                                    <h3 class="h4">课程目标概览</h3>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <button type="button" class="btn btn-primary" id="lv_showAlltargets">显示所有课程目标</button>
<!--单独生成，还是一起生成？                                  -->
                                    <button onclick="generate()" class="btn-info btn-sm">生成word</button></div>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-hover"   >
                                            <thead>
                                            <tr>
                                                <th>课程目标ID</th>
                                                <th>课程目标简称</th>
                                                <th>课程目标内容</th>
                                                <th>删除操作</th>
                                                <th>修改操作</th>
                                            </tr>
                                            </thead>
                                            <tbody id="lv-course-target">
<!--                                            无用-->
                                            <tr>
                                                <th scope="row">请<a href="target.html">点击此处</a>选择课程</th>
                                                <td>请<a href="target.html">点击此处</a>选择课程</td>
                                                <td>请<a href="target.html">点击此处</a>选择课程</td>
                                                <td>请<a href="target.html">点击此处</a>选择课程</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

<!--                    自己添加-->
                    <div class="lv_modal lv_hide">
                            <div class="card">

                                <div class="card-header d-flex align-items-center">
                                    <h3 class="h4">添加课程目标</h3>
                                </div>
                                <div class="card-body">
                                    <form class="form-horizontal"  method="get"  th:action="/target/UpdateTarget" >
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">课程目标ID</label>
                                            <div class="col-sm-9">
                                                <input type="number" class="form-control"  name="courseTargetId" id="add_courseTargetId" disabled="true"   >
                                            </div>
                                        </div>
                                        <div class="line"></div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">课程ID</label>
                                            <div class="col-sm-9">
                                                <input type="number" class="form-control" name="courseId" id="add_courseId"><small class="help-block-none">请选择您负责的课程ID</small>
                                            </div>
                                        </div>

                                        <div class="line"></div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">课程目标简称</label>
                                            <div class="col-sm-9">
                                                <input type="text" placeholder="例如：课程-课程目标1" class="form-control" name="courseTargetShortname"  id="add_courseTargetShortname">
                                            </div>
                                        </div>

                                        <div class="line"></div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">布鲁姆目标选择 <br><small class="text-primary" >请选择该课程目标应该达到的层次</small></label>
                                            <div class="col-sm-9">

                                                <div>
                                                    <input  type="radio" checked="" value=1 name="add_bulumuTarget" id="add_bulumuTarget" >
                                                    <label for="optionsRadios">Lv1.知识</label>
                                                </div>
                                                <div>
                                                    <input  type="radio" checked="" value=2 name="add_bulumuTarget" id="add_bulumuTarget" >
                                                    <label for="optionsRadios">Lv2.理解</label>
                                                </div>
                                                <div>
                                                    <input  type="radio" checked="" value=3 name="add_bulumuTarget"  id="add_bulumuTarget" >
                                                    <label for="optionsRadios">Lv3.领会</label>
                                                </div>
                                                <div>
                                                    <input  type="radio" checked="" value=4 name="add_bulumuTarget"   id="add_bulumuTarget"  >
                                                    <label for="optionsRadios">Lv4.应用</label>
                                                </div>
                                                <div>
                                                    <input  type="radio" checked="" value=5 name="add_bulumuTarget"  id="add_bulumuTarget"  >
                                                    <label for="optionsRadios">Lv5.分析</label>
                                                </div>
                                                <div>
                                                    <input  type="radio" checked="" value=6 name="add_bulumuTarget"  id="add_bulumuTarget" >
                                                    <label for="optionsRadios">Lv6.评价</label>
                                                </div>

                                            </div>
                                        </div>



                                        <div class="line"></div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">由布鲁姆目标，适合的动词有：</label>
                                            <div class="col-sm-9">
                                                <input type="text" disabled="" placeholder="嘻嘻嘻，谢谢谢谢" class="form-control"  id="bloom_tip_1">
                                            </div>
                                        </div>
                                        <div class="line"></div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">课程目标内容</label>
                                            <div class="col-sm-9">
                                                <textarea cols="40" rows="8"  name="courseTargetContent"  id="add_courseTargetContent">学生</textarea>
                                            </div>
                                        </div>
                                        <div class="line"></div>
                                        <div class="form-group row">
                                            <div class="col-sm-4 offset-sm-3">
                                                <button type="reset" class="btn btn-secondary"  id="cancel_AddCourse">取消</button>
                                                <button type="button" class="btn btn-primary"  id="modify_AddCourse">提交</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>

                    </div>

<!--                    遮挡-->
                    <div class="lv_shade lv_hide"></div>



					



            </section>
			

            <!-- Page Footer-->
            <footer class="main-footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <p>Copyright &copy; 2022. <a
                                    href="../index.html" target="_blank" title="CATD">CATD</a></p>
                        </div>
                        <div class="col-sm-6 text-right">
                            <p></p>
                            <!-- Please do not remove the backlink to us unless you support further theme's development at https://bootstrapious.com/donate. It is part of the license conditions. Thank you for understanding :)-->
                        </div>
                    </div>
                </div>
            </footer>
            
		</div>
    </div>
</div>
<!-- JavaScript files-->
<script src="../js/jquery-3.6.0.min.js"></script>
<script src="../vendor/popper.js/umd/popper.min.js"> </script>
<script src="../bootstrap-4.6.1-dist/js/bootstrap.min.js"></script>
<script src="../vendor/jquery.cookie/jquery.cookie.js"> </script>
<!-- <script src="https://cdn.bootcss.com/Chart.js/2.7.0/Chart.min.js"></script> -->
<script src="../vendor/jquery-validation/jquery.validate.min.js"></script>
<script src="../js/jquery.nicescroll.min.js"></script>
<!-- <script src="../js/charts-home.js"></script> -->
<!-- Main File-->
<script src="../js/front.js"></script>
<script src="../js/Lv_target.js"></script>
<!-- Create Docx-->
<script src="../js/docxtemplater.js" type="text/javascript"></script>
<script src="../js/pizzip.js" type="text/javascript"></script>
<script src="../js/jszip-utils.js" type="text/javascript"></script>
<script src="../js/FileSaver.js" type="text/javascript"></script>
<script src="../js/pizzip-utils.js" type="text/javascript"></script>
<script src="../js/createword-lv-target.js" type="text/javascript"></script>

</body>
</html>

